<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link href="https://cdn.bootcdn.net/ajax/libs/element-ui/2.14.1/theme-chalk/index.min.css" rel="stylesheet">
</head>
<body>
<div id="app">
    <el-radio v-model="radio" @click="showClickVal($event)" label="1">备选项</el-radio>
    <el-radio v-model="radio" @click="showClickVal($event)" label="2">备选项</el-radio>

    <el-button @click="showClickVal($event)">获取</el-button>

    <h2>禁用</h2>
    <el-radio disabled v-model="radio2" label="禁用">禁用</el-radio>
    <el-radio disabled v-model="radio2" label="选中且禁用">选中且禁用</el-radio>

    <hr>
    <h2>单选组</h2>
    <el-radio-group v-model="radio3">
        <el-radio :label="3">备选一</el-radio>
        <el-radio :label="6">备选二</el-radio>
        <el-radio :label="9">备选三</el-radio>
    </el-radio-group>

    <hr>
    <el-radio-button v-model="radio4">
        <el-radio-button label="shang"></el-radio-button>
        <el-radio-button label="bei"></el-radio-button>
        <el-radio-button label="guang"></el-radio-button>
        <el-radio-button label="shen"></el-radio-button>
    </el-radio-button>

    <hr>
    <div style="margin-top: 20px">
        <el-radio-group v-model="radio5" size="medium">
            <el-radio-button label="shang"></el-radio-button>
            <el-radio-button label="bei"></el-radio-button>
            <el-radio-button label="guang"></el-radio-button>
            <el-radio-button label="shen"></el-radio-button>
        </el-radio-group>
    </div>

    <hr>
    <div style="margin-top: 20px">
        <el-radio-group v-model="radio6" size="small">
            <el-radio-button label="shang"></el-radio-button>
            <el-radio-button label="bei"></el-radio-button>
            <el-radio-button label="guang"></el-radio-button>
            <el-radio-button label="shen"></el-radio-button>
        </el-radio-group>
    </div>

    <hr>
    <div style="margin-top: 20px">
        <el-radio-group v-model="radio7" disabled size="mini">
            <el-radio-button label="shang"></el-radio-button>
            <el-radio-button label="bei"></el-radio-button>
            <el-radio-button label="guang"></el-radio-button>
            <el-radio-button label="shen"></el-radio-button>
        </el-radio-group>
    </div>
</div>

<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
<script src="https://cdn.bootcdn.net/ajax/libs/element-ui/2.14.1/index.min.js"></script>
<script>
    new Vue({
        el: '#app',
        data() {
            return {
                radio: '1',
                radio2: '选中且禁用',
                radio3: 3,
                radio4: 'shang',
                radio5: 'shang',
                radio6: 'shang',
                radio7: 'shang'
            }
        },
        methods: {
            showClickVal(even) {
                console.log(even.currentTarget);
                console.log(even.target);
                console.log(this.radio);
            }
        }
    })
</script>
</body>
</html>